<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>请稍候~</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/all-of-you.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            function fixHeight() {
                var headerHeight = $("#switcher").height();
                $("#iframe").attr("height", $(window).height() - 54 + "px");
            }

            $(window).resize(function () {
                fixHeight();
            }).resize();

            $('.icon-monitor').addClass('active');

            $(".icon-mobile-3").click(function () {
                $("#by").css("overflow-y", "auto");
                $('#iframe-wrap').removeClass().addClass('mobile-width-3');
                $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
                $(this).addClass('active');
                return false;
            });

            $(".icon-mobile-2").click(function () {
                $("#by").css("overflow-y", "auto");
                $('#iframe-wrap').removeClass().addClass('mobile-width-2');
                $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
                $(this).addClass('active');
                return false;
            });

            $(".icon-mobile-1").click(function () {
                $("#by").css("overflow-y", "auto");
                $('#iframe-wrap').removeClass().addClass('mobile-width');
                $('.icon-tablet,.icon-mobile,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
                $(this).addClass('active');
                return false;
            });

            $(".icon-tablet").click(function () {
                $("#by").css("overflow-y", "auto");
                $('#iframe-wrap').removeClass().addClass('tablet-width');
                $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
                $(this).addClass('active');
                return false;
            });

            $(".icon-monitor").click(function () {
                $("#by").css("overflow-y", "hidden");
                $('#iframe-wrap').removeClass().addClass('full-width');
                $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
                $(this).addClass('active');
                return false;
            });
        });

    </script>
</head>
<body>

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1">
                <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
                    class="icon-bar"></span><span class="icon-bar"></span></button>
            <a class="navbar-brand" href="#">MVtogether</a></div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="defaultNavbar1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">链接1<span class="sr-only">(current)</span></a></li>
                <li><a href="#">链接2</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-expanded="false">下拉菜单<span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">活动</a></li>
                        <li><a href="#">活动2</a></li>
                        <li><a href="#">其它</a></li>
                        <li class="divider"></li>
                        <li><a href="#">分割链接</a></li>
                        <li class="divider"></li>
                        <li><a href="#">另一个分割链接</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">预订</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-expanded="false">Menu<span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">我要预订</a></li>
                        <li><a href="#">我有约了</a></li>
                        <li><a href="#">联系作者</a></li>
                        <li class="divider"></li>
                        <li><a href="#">不看了</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1 class="text-center">请稍等，等小伙伴&nbsp<font size="30px" color="green"
                                                       th:text="${session.RoomInfo.customerName}"
                                                       th:if="${session.RoomInfo.isOwner} eq 1"/><font color="green"
                                                                                                       size="30px"
                                                                                                       th:text="${session.RoomInfo.ownerName}"
                                                                                                       th:if="${session.RoomInfo.isOwner} eq 0"/>&nbsp到了就可以开始看电影了：
            </h1>
        </div>
    </div>
</div>
<div class="container">
    <div id="iframe-wrap">
        <iframe id="iframe" src="/html/inSea.html" frameborder="0" width="100%" height="769px"></iframe>
    </div>
    <div class="row">

        <div class="text-center col-md-12">
            <br/>
            <br/>
            <a href="/wait">
                <button type="button" class="btn btn-info btn-sm">Ta已经来了！！</button>
            </a>
            <br/>
            <br/>
            <br/>
        </div>
    </div>
    <div class="row">
        <div class="text-center col-md-6 col-md-offset-3">
            <h4>声明</h4>
            <p>Copyright &copy; 2021 &middot;LR All Rights Reserved &middot; <span class="glyphicon glyphicon-home"
                                                                                   aria-hidden="true"> </span>&nbsp&nbsp<a
                    href="http://www.eurekaa.xyz">MVtogether</a></p>
            <p>如有侵权，请联系&nbsp&nbsp<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> &nbsp
                qqmail：1617118335@qq.com 及时删除</p>
            <p>本站所有资源仅供学习使用，本站不承担任何法律责任</p>
        </div>
    </div>
    <hr>
</div>

<div onload="polling()"></div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
</body>
<script>
    async function polling() {
        allInPoll(0, 5);
    };
    polling();
</script>
</html>
